<template>
    <view class="page">
        <view class="info">
            <icon :type="type" size="68"></icon>
            <text class="msg">{{ msg }}</text>
        </view>

        <view style="width: 60%; margin: 0 auto;">
            <button type="default" @click="back()">我知道了</button>
        </view>
    </view>
</template>

<script setup>
import {
    getQueryParams
} from '@/common/utils/index.js'

const type = ref('')
const msg = ref('')

function back() {
    uni.navigateBack()
}

onMounted(() => {
    type.value = getQueryParams('type')
    msg.value = getQueryParams('msg')
})

</script>

<style lang="scss" scoped>
.page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    padding: 36px 0 60px;
}

.info {
    display: flex;
    flex-direction: column;
    align-items: center;

    .msg {
        font-size: 22px;
        color: #181818;
    }

    icon {
        margin-bottom: 16px;
    }
}
</style>